﻿<!DOCTYPE html>
<html>
<head>
	<title>收藏夹详情</title>

	<link rel="stylesheet" type="text/css" href="${base}/css/wangEditor.css">
	<link rel="stylesheet" type="text/css" href="${base}/css/base.css">
	<link rel="stylesheet" type="text/css" href="${base}/css/nav.css">
	<link rel="stylesheet" type="text/css" href="${base}/css/mask.css">
	<link rel="stylesheet" type="text/css" href="${base}/css/collectionContent.css">
	
</head>
<body>
	<#include "nav.html"/>
	<div class="main">
		<div class="content">
			
			<div class="list-title">
				<div class="title-text" id="collectionId" data-id="${collection.collectionId}"><span class="glyphicon glyphicon-list-alt"></span>${collection.collectionName}&nbsp;&nbsp;</div>
				<div class="setting"><a href="setting"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a></div>
			</div>
			<div class="feed-list">
				<#if answerList??>
				<#list answerList as answer>
				<div class="feed-item">
					<div class="avatar"><img src="${answer.user.avatarUrl}"></div>
					<div class="vote-count"><a href="#">${answer.likedCount}</a></div>
					<div class="feed-body">
						<h2 class="feed-title">
							<a href="${base}/question/${answer.question.questionId}">${answer.question.questionTitle}</a>
						</h2>
						<div class="feed-user-info">
							<a href="#">${answer.user.username}</a>
							<span class="comma">，</span>
							<span>${answer.user.simpleDesc}</span>
						</div>
						<div class="feed-content">
							${answer.answerContent}
						</div>
						<div class="feed-meta">
							<a href="${base}/question/${answer.question.questionId}"><span class="glyphicon glyphicon-plus"></span>&nbsp;关注问题</a>
							<a href="${base}/question/${answer.question.questionId}#answer-${answer.answerId}"><span class="glyphicon glyphicon-leaf"></span>查看评论</a>
							<a href="#" data-id="${answer.answerId}" class="toCollectAnswer"><span class="glyphicon glyphicon-bookmark"></span>&nbsp;收藏</a>
						</div>
					</div>
				</div>
				</#list>
				</#if>
			</div>
		</div>
		<div class="sidebar">
			<#if isSelf??>
			<#else>
			<div class="sidebar-top">
				<button id="followCollectionButton" class="follow" style="display:none;">关注收藏夹</button>
				<button id="unfollowCollectionButton" class="unfollow" style="display:none;">取消关注</button>
			</div>
			</#if>
			<div class="sidebar-top">
				<h5>关于创建者</h5>
				<section>
					<img src="${collection.user.avatarUrl}"/>
					<div class="user-info">
						<div><a href="">${collection.user.username}</a></div>
						<div>${collection.user.simpleDesc}</div>
					</div>
				</section>
			</div>
			
			<div class="sidebar-top">
				<h5>收藏夹状态</h5>
				<section>
					<div>最近更新于 ${collection.updateTime?number_to_date}</div>
					<div><a href="#">26918</a> 人关注了该收藏夹</div>
				</section>
			</div>

			<div class="footer">
				<a href="#">建议反馈</a>
				<span> • </span>
				<a href="#">联系我们</a>
				<div></div>
				<span>@ 2017 蛤乎</span>
			</div>
		</div>
	</div>
	<#include "mask.html"/>
	<#include "maskCollectAnswer.html"/>


<script type="text/javascript" src="${base}/js/wangEditor.js"></script>
<script type="text/javascript" src="${base}/js/nav.js"></script>
<script type="text/javascript" src="${base}/js/mask.js"></script>
<script type="text/javascript" src="${base}/js/maskCollectAnswer.js"></script>
<script type="text/javascript" src="${base}/js/collectionContent.js"></script>
<script>

</script>
</body>
</html>

